/*reset.css*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figure,figcaption,small,button,input,textarea,th,td,s{margin:0;padding:0}
body,button,input,select,textarea{font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif}
input[type=number]
::-webkit-inner-spin-button,input[type=number]
::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
address,cite,dfn,em,var{font-style:normal}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:npne}
a:focus,button:focus,input:focus{outline:none;}
q:before,q:after{content:''}legend{color:#000}fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.clearfix{display:block}.clearfix:after{content:'';display:block;clear:both;overflow:hidden;line-height:0}
.clear{clear:both;height:0;line-height: 0;overflow: hidden;}

html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width:100%;}
body {-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size: 16px;color:#333;
line-height:1;-webkit-touch-callout:none;
font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
background-color:#fff;}
.box{box-sizing:border-box;}
.p-r{position: relative;}
.p-a{position: absolute;}
.f-l{float:left;display: inline;}
.f-r{float:right;display: inline;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
img{vertical-align: top}
.bg-f{background-color: #fff;}
.p-c{width:1000px;margin-left:auto;margin-right: auto;}
.flex{display: flex;display: -webkit-flex;}
.table{display:table;width:100%;}
.table>*{display:table-cell;}

.menu{height:100px;line-height:100px;}
.menu img{margin-top:24px;}
.menu li a{font-size:16px;color:#888;position:relative;}
.menu li a:after{content:"";position:absolute;bottom:-15px;left:50%;width:0px;height:3px;background-color:#282828;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transition:all .4s;}
.menu li a:hover:after,.menu a.active:after{width:30px;}
.menu li a:hover,.menu li a.active{color:#282828;}
.menu li{float:left;display:inline;padding-left:80px;display: block;}
.tit{margin:60px auto 25px;text-align: center;font-size: 22px;color:#282828;letter-spacing: 2px;}
.tit small{margin-top: 8px;font-size:10px;color:#666;display: block;font-weight: normal;letter-spacing: 0;text-transform: uppercase;}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 35px;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background-color: #fff;
  opacity: .5;
  margin:0 8px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  position: relative;
  top: 0;
}
.swiper-visible-switch {
  opacity: .5;
  top: 0;
  background: #fff;
}
.swiper-active-switch {
  opacity: 1;
  background: #fff;
}

.banner{text-shadow: 2px 0 2px rgba(0,0,0,.2);}
.indexbanner em{position:absolute;cursor: pointer;z-index: 666;text-align: center;transition: all .4s;background-color: rgba(255,255,255,.0);border-radius: 6px;line-height: 120px;width:60px;height:120px;display: block;top:50%;transform: translate(0,-50%);}
.indexbanner em img{vertical-align: middle;}
.indexbanner em:hover{background-color: rgba(255,255,255,.1);}
.indexbanner em.arr_l{left:3%;}
.indexbanner em.arr_r{right:3%}
.indexbanner .swiper-slide{position: relative;width:100%;}
.indexbanner h4{color:#fff;font-size: 50px;position: absolute;left:0;top:31.6%;width:100%;text-align: center;}
.indexbanner h4 small{font-size: 26px;line-height: 43px;display: block;margin-top: 15px;}
.aboutTit{left:0;top:0;text-align: center;width:100%;font-size: 48px;color:#fff;text-align: center;top:50%;margin-top:-30px;}
.downbaner{bottom:0;width:100%;text-align: center;}
.downbaner .f-r{width:38%}
.downbaner .f-l img{margin-top: 10%;}
.downbaner .wpr{width:73.2%;margin:auto;height:auto;}
.downbaner h4{color:#fff;line-height: 2;font-size: 36px;margin:60px 0 0 12px;}
.downbaner h4 small{display: block;font-size: .5em;font-family: 'verdana'}
@media screen and (min-width:1400px) {
  .downbaner h4{font-size: 48px;margin:90px 0 0 42px;}
  .downbaner .f-l img{width:260px}
}

.tip{padding:58px 0 0;}
.tip span{text-align: center;font-size: 12px;color:#666;line-height: 20px;}
.tip span b{display: block;margin:22px 0 8px;font-size: 18px;color:#282828;}
.plan{width:1035px;padding-bottom:45px;}
.plan .item{margin:15px 17.5px;overflow: hidden;float:left;display: inline;width:310px;height:390px;box-shadow: 0 0 10px 0 rgba(160, 160, 160, 0.6);}
.plan .txt,.plan .bot{padding:0 24px;box-sizing: border-box;}
.plan b{font-size:18px;color:#282828;display: block;margin:25px 0 15px;}
.plan small{color:#666;font-size:12px;}
.plan p{font-size: 12px;color:#282828;line-height: 24px;height:48px;margin:18px 0 38px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.plan span{color:#666;font-size: 12px;}
.plan .bot{line-height: 18px;}
.plan s{font-size: 12px;color:#282828;margin-left:8px;}
.plan .bot var,.plan em{color:#ed8434;font-size:16px;}
.plan em{font-weight: bold;}
.plan .ecode{left:0;top:-100%;z-index:555;transition: all .4s;-webkit-transition: all .4s;height:390px;width:100%;background-color: rgba(40, 40, 40, 0.7);text-align: center;font-size: 12px;color:#fff;}
.plan .ecode img{margin-top:69px;}
.plan .ecode var{color:#ed8434;font-size: 16px;margin:22px 0 10px;display: block;text-align: center;font-weight: bold;}
.plan .item:hover .ecode{top:0;}
.plan .item.new:before{position: absolute;content:"";display: block;width:48px;height:48px;left:0;top:0;z-index:222;background: url('../img/plan_new.png') 0 0 no-repeat;}
.select{background-color: #f8f8f8;overflow:hidden;padding-bottom:39px;}
.select .f-l img.big,.select .f-r img{box-shadow: 0 0 7px 0 rgba(160,160,160, .65);}
.select .f-l{margin:15px 0 0 24px;position: relative;}
.select .listen{position: absolute;right:5px;bottom:7px;}
.select .f-r{margin-top:40px;width:628px}
.select b{font-size: 18px;color:#282828;}
.select p{font-size: 14px;color:#666;line-height: 20px;margin:12px 0 50px;}
.select .tables{width:100%;}
.select .tables img{display: block;margin:0 auto 16px;}
.select .tables span{text-align: center;float:left;display: inline;margin-right:100px;font-size:14px;color:#282828;}
.review .tit{margin-bottom: 88px;}
.review{padding-bottom:60px;width:1040px;}
.review .item{width:220px;height:260px;text-align: center;box-sizing: border-box;padding:0 20px;box-shadow:0 0 10px 0 rgba(160,160,160,.6);float:left;display;inline;margin:0 20px;}
.review .item img{margin:-50px auto 16px;}
.review .wpr h4{font-size: 18px;color:#282828;}
.review .item small{font-size:font-size:12px;color:#666;font-weight: normal;display: block;margin:12px 0 18px;}
.review p{text-align: left;font-size: 12px;color:#282828;line-height: 22px;height:66px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.review p font{color:#ed8434}
.reports{background-color: #f8f8f8;overflow:hidden;padding-bottom:45px;}
.reports .tit{margin-bottom:40px;}
.reports .item{float:left;border:1px #e5e5e5 solid;background-color:#fff;margin:15px 0;}
.reports .f-l{width:739px;padding:0 30px;box-sizing:border-box;}
.reports b{font-size:18px;color:#282828;display: block;margin:30px 0 18px;}
.reports p{font-size:14px;color:#333;line-height:24px;}
.reports a{float:right;display:inline;color:#333;font-size:14px;margin-top:18px;}
.reports a:hover{text-decoration:underline;}
.partners{width:1040px;}
.partners .wpr{padding-top:15px;}
.partners span{float:left;display:inline;width:220px;height:220px;background-color:#fff;box-sizing:border-box;border:1px #e5e5e5 solid;border-radius: 50px;overflow:hidden;margin:0 20px 60px;text-align:center;line-height:220px;}
.partners span img{vertical-align:middle;}
.foot{background-color:#282828;padding-top:65px;color:#bfbfbf;font-size:14px;line-height:2;}
.foot b{display: block;font-size:18px;margin-bottom:42px;}
.foot .bot{margin:60px auto 0;padding:34px 0 75px;border-top:1px #313131 solid;text-align:center;}
.foot .kefu_wx{top:-208px;left:50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);opacity: 0;transition: all .4s;}
.foot .kefu:hover .kefu_wx{opacity: 1;top:-228px;}

.about p{white-space: pre-line;font-size: 14px;color:#666;line-height: 2;}
.about p .b1{font-size:18px;}
.about h4{font-size: 22px;color:#282828;margin-top:58px;}
.about .sec2{background-color: #f8f8f8;overflow:hidden;padding:0 0 48px;}
.about .sec3{padding-bottom: 60px}
